/* components/chart-room/index.scss */
.content {
  width: 100%;
  box-sizing: border-box;
  
  .room-log {
    height: calc(100% - 64px);
    box-sizing: border-box;
    padding: 15rpx;
  }
}



// 评论
.fz-30 {
  font-size: 30rpx;
}

.fz-28 {
  font-size: 28rpx;
}

.grey {
  color: grey;
}

.dark-grey {
  color: darkgrey;
}

.room-tools {
  background-color: white;
  display: flex;
  display: -webkit-flex;
  height: 80rpx;
  position: absolute;
  width: 100%;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  bottom: calc(env(safe-area-inset-bottom) + 15px);

  .write-input {
    width: 70%;
    height: 70rpx;
    border: 1px solid orange;
    box-sizing: border-box;
    border-radius: 25rpx;
    color: black;
    display: flex;
    align-items: center;
    position: relative;

    &>.msg-input {
      padding-left: 110rpx;
      height: inherit;
      width: inherit;
    }

    .switch-btn {
      position: absolute;
      left: 0;
      width: 100rpx;
      height: inherit;
      line-height: 70rpx;
      font-size: 26rpx;
      color: ivory;
      border-radius: 25rpx 0 0 25rpx;
      text-align: center;
      background-color: rgb(7, 193, 96);
    }

    .switch-btn:active {
      background-color: rgb(9, 153, 79);
    }
  }
}